{extend name="base"/}
{block name="main"}
<link media="all" href="/public/menu/css/index_mod.css?v=1.2" type="text/css" rel="stylesheet">
<link media="all" href="/public/menu/css/index_module.css?v=1.2" type="text/css" rel="stylesheet">
<link media="all" href="/public/menu/css/formconfig_index.css?v=1.2" type="text/css" rel="stylesheet">
<link href="/public/static/umedito/themes/default/_css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="/public/js/jquery-2.1.1.js"></script>
<style>
    .content p{
        margin-bottom: 0;
    }
    .imgbox img {margin:0 auto;}
    /*.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text {    bottom: -10px!important;}*/
    #get_lng_lat {float: none !important;margin:0 auto;color:#fff;border:1px solid #00c1de;display:block;}
    input[type=range]{
        outline: none;
        -webkit-appearance: none;/*清除系统默认样式*/
        background: -webkit-linear-gradient(#61bd12, #61bd12) no-repeat, #ddd;
        height: 3px;/*横条的高度*/
    }
    /*拖动块的样式*/
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none; /*清除系统默认样式*/
        height: 16px; /*拖动块高度*/
        width: 16px; /*拖动块宽度*/
        background: #fff; /*拖动块背景*/
        border-radius: 50%; /*外观设置为圆形*/
        border: solid 1px #ddd; /*设置边框*/
    }
    .pureText {cursor:pointer;}
</style>
<link rel="stylesheet" type="text/css" href="/public/menu/css/defau.css">
<script type="text/javascript" src="/public/js/vue.js"></script>
<script type="text/javascript" src="/public/js/vue-dragging.es5.js"></script>
<script src="/public/js/html2canvas.js"></script>
<body>
<input type="hidden" id="bus_select_up_id" value="0">
<input type="hidden" id="bus_select_up_name" value="">
<style>
    /*.left_tool_box {float:left;width:252px;display: table-cell; height:100%;background: #fff;}*/
    .left_tool_box {position: fixed;width:252px;display: table-cell; height:100%;background: #fff;top:70px;left:210px;}
    .tool_class_name { height:30px; line-height:30px; background:#f7f7f7;color:#666666;border-bottom:1px solid #efefef;padding-left:10px;    border-right: 1px solid #efefef;}
    .clear {clear:both;}
    .tool_box a {width:33.3333%;border-bottom:1px solid #efefef;border-right:1px solid #efefef;height:84px; display:block;
        box-sizing:border-box;
        -moz-box-sizing:border-box; /* Firefox */
        -webkit-box-sizing:border-box; /* Safari */
        text-align:center;float:left;}
    .tool_box a span { display:block; height:22px; line-height:22px;}
    .tool_box a:hover {background: #f7f7f7;}
    .tool_box a img {margin-top:20px;}
    .container {width:410px !important;overflow: hidden;float:left;}
    .main-content {padding:0 !important;height:100% !important;background: #f7f8fc !important;}
    .footer {width: 100%;}
    .container .inner ,.tableContent .content{background: none !important;}
    .wq_top_btn_box { height:60px; line-height:60px;width:100%; background:#fff;border-bottom: 1px solid #efefef;position:fixed;top:0;left:200px;}
    #b_menu {margin-top:0px;}
    .main-content {border:0 !important;}
</style>
<div class="diypage" id="page">
    <div class="diypage-header">
        <div class="header-left"></div>
        <div class="header-control" id="header-control"></div>
        <div class="header-right" style="width: 370px;"></div>
    </div>
    <div class="diypage-container" id="b_menu">
        <!--	<div class="diy_nav" id="leftTab">4</div>-->
        <div class="page-structure nav_inner subnav">
            <div class="tool_box_li">
                <div class="tool_class_name">基本组件</div>
                <div class="tool_box">
                    <a href="javascript:;" class="j-diy-addModule  icon_4" data-type="4" title="标题">
                        <span class="icon_pic"></span><span>标题</span>
                    </a>
                    <a href="javascript:;" class="j-diy-addModule  icon_12" data-type="12" title="富文本">
                        <span class="icon_pic"></span><span>富文本</span>
                    </a>
                    <a href="javascript:;" class="j-diy-addModule  icon_5" data-type="5" title="辅助空白">
                        <span class="icon_pic"></span><span>辅助空白</span>
                    </a>
                    <a href="javascript:;" class="j-diy-addModule  icon_7" data-type="7" title="分割线">
                        <span class="icon_pic"></span><span>分割线</span>
                    </a>
                    <a href="javascript:;" class="j-diy-addModule  icon_14" data-type="14" title="悬浮图标">
                        <span class="icon_pic"></span><span>图片</span>
                    </a>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="diypage-content">
            <div style="width:  380px; margin:  0 auto;">
                <div style="border:0;">
                    <div style="padding-top:0;">
                        <div class="msgWrap form">
                            <form action="" method="post" class="layui-form" id="custom_form">
                                <div class="tableContent">
                                    <div class="content"  style="padding-top:0;">
                                        <div class="DL-Main" id="content" crossOrigin="Anonymous">
                                            <div class="mainPanel clearfix">
                                                <div class="leftPhonewrap" id="leftPhonewrap">
                                                    <div class="holderPhone">
                                                        <div onclick="head_info()" :style="'cursor: pointer;background: url('+bag_url+') '+dh_color+' no-repeat scroll center top / 100% auto'" class="wxHd">
                                                            <div  id="actName" class="phoneTitle" style="bottom: 15px;width: 100%;left: 0;padding: 0 65px;"><h2 :style="'color:'+nab_color"><span id="bus_select_up_name_but" {if condition="$wn==1"} style="color: black" {/if} >{{nab_name}}</span></h2></div>
                                                        </div>
                                                        <div id="anythingContent" style="background: #fff;">
                                                            <div class="mianMod mCustomScrollbar _mCS_1 mCS-autoHide mCS_no_scrollbar"
                                                                 data-mcs-theme="minimal-dark"
                                                                 :style="is_di_dis == true ? 'height:514px;':'height:570px;'"
                                                                 style="visibility: visible; overflow: visible;">
                                                                <div id="mCSB_1"
                                                                     class="mCustomScrollBox mCS-minimal-dark mCSB_vertical mCSB_outside"
                                                                     style="max-height: none;" tabindex="0">
                                                                    <div id="mCSB_1_container"
                                                                         class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y"
                                                                         style="position: relative; top: 0px; left: 0px;" dir="ltr">
                                                                        <div    :style="is_di_dis == true ? 'height:514px;background-color: '+win_color+';background-image: url('+win_img+');background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;':'height:570px;background-color: '+win_color+';background-image: url('+win_img+');background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;'"
                                                                                class="activeMod">
                                                                            <ul class="form_component style_1 clearfix ui-sortable">
                                                                                <li class="ui-draggable"
                                                                                   >
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div id="mCSB_1_scrollbar_vertical"
                                                                     class="mCSB_scrollTools mCSB_1_scrollbar mCS-minimal-dark mCSB_scrollTools_vertical"
                                                                     style="display: none;">
                                                                    <div class="mCSB_draggerContainer">
                                                                        <div id="mCSB_1_dragger_vertical" class="mCSB_dragger"
                                                                             style="position: absolute; min-height: 50px; height: 0px; top: 0px;"
                                                                             oncontextmenu="return false;">
                                                                            <div class="mCSB_dragger_bar"
                                                                                 style="line-height: 50px;"></div>
                                                                        </div>
                                                                        <div class="mCSB_draggerRail"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="rightEditwrap" style="position: fixed;right: 0;top: 120px;width:445px;">
                                                    <div class="formEditHd">
                                                        <ul class="clearfix">
                                                            <li style="" class="on"><a href="javascript:;">页面组件</a></li>
                                                            <li style=""><a href="javascript:;">编辑组件</a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="formEditBd">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input class="" name="modelname" value="" type="hidden">
                                    <input name="id" value="" type="hidden">
                                    <input id="previewpage" name="previewpage" value="index" type="hidden">
                                    <input id="componentJsonStr" name="componentJsonStr" value="" type="hidden">
                                    <!--<div class="saveBottomBar" style="position: fixed; width: 330px;z-index:10000;bottom: 60px;padding: 10px;right:calc(50 - 165px);">-->
                                    <!--<div class="buttonBox diy-actions-submit" style="width: 400px;margin-left:-20px;">-->
                                    <div>
                                        <div>
                                            <div id="saveButon" class="bottomButon saveButon" style="background: #00c1de;
border: 1px solid #00c1de;width:80px;height:30px; line-height:30px;border-radius: 4px;position:fixed;top:59px;right:155px;z-index:999999000;text-align: center;color:#fff; cursor: pointer;">保存</div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="updown" id="toolbar">-->
                <!--<span class="tool_up" onclick="tool_up_vue()">-->
                     <!--<p>上移组件</p>-->
                <!--</span>-->
            <!--<span class="tool_down" onclick="tool_down_vue()">-->
                    <!--<p>下移组件</p>-->
                <!--</span>-->
        <!--</div>-->
        <div class="diypage-right" >
            <!-- 轮播图-->
            <div class="form_edit" data-type="1" id="form_edit_banner"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>轮播图</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">焦点</span>
                            <div class="chosecolor-container">
                                <input onchange="select_color(this.value)"  id="banner_color_r" name="banner_color" class="chosecolor data-bind" type="color"> <p id="banner_color_text"></p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">显示焦点</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="componentLayouton" value="2" id="banner_editlayout_1"><label for="banner_editlayout_1">显示</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="componentLayouton" value="1" id="banner_editlayout_2"><label for="banner_editlayout_2">不显示</label></div>
                        </div>
                    </div>
                    <div class="form-label" style="padding-top:5px;">轮播图高度</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib" style="width:255px;">
                                    <input type="range" id="banner_height"    max="20"   min="1"    step="0.1" oninput="select_banner_height(this.value)"  style="width:100%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="this_banner_height">1</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="data-list ui-sortable  mt10"      v-for="(item,index) in banner">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;" data-id="C01">
                            <div class="item-prompt"> 建议尺寸750x360 <span class="deletechild icon-del"><img    v-on:click="remove_img(index,item.this_type)" src="/public/menu/icon/del_icon.png" alt="删除"></span></div>
                            <div class="es-uploader data-bind-image" data-bind="thumb" data-bind-child="C01" data-show-element="#picture-show-C01">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,item.this_type)">
                                    <img :src="item.imgurl" style="display:block;"/> <p :style="'display: '+item.img_dis+';'">替换</p> </div>
                            </div> <div class="item-inner"> <span class="labeltext">链接</span>
                            <input  v-model="item.name"    v-on:click="select_menu(index,item.this_type)" type="text" class="es-input linkurl data-bind-url " placeholder="请选择链接或地址" readonly >
                        </div>
                        </div>
                    </div>
                    <div  onclick="banner_add_menu()" class="addChild">+添加</div>
                </div>
            </div>
            <!-- 广告位-->
            <div class="form_edit" data-type="2" id="form_edit_advert"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>广告位</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <!-- <div class="form-label">控件高度</div>-->
                    <div class="item">
                        <div class="item-inner">
                            <div style="clear:both"></div>
                            <div>
                                <div style="width:200px;font-weight:bold;">广告位高度</div> <div class="Fzkb_height mt10"><div class="minCell rangeCell-pureTextSize dib mt10" style="width:225px;"><input type="range" id="advert_height"    max="20"    min="1"   step="0.1" oninput="select_advert_height(this.value)"  style="width:100%;"> <div style="position:absolute;right:-35px;top:-8px;"><span id="what_advert_height">20</span><span>%</span></div></div></div>
                            </div>
                        </div>
                    </div>
                    <div class="data-list ui-sortable"  v-for="(item,index) in advert">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;" data-id="C01">
                            <div class="item-prompt"> 建议尺寸750x360 <span class="deletechild icon-del"><img    v-on:click="remove_img(index,item.this_type)" src="/public/menu/icon/del_icon.png" alt="删除"></span></div>
                            <div class="es-uploader data-bind-image" data-bind="thumb" data-bind-child="C01" data-show-element="#picture-show-C01">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,item.this_type)">
                                    <img :src="item.imgurl" style="display:block;"/> <p>替换</p> </div>
                            </div> <div class="item-inner"> <span class="labeltext">宽度%</span>
                            <input v-model="item.width" placeholder="填写高度比例"   :data-index="index"  oninput="this_advert_height(this,this.value)" type="text" class="es-input linkurl data-bind-url "></div>
                            <div class="item-inner mt10"> <span class="labeltext">链接</span>
                                <input  v-model="item.name"    v-on:click="select_menu(index,item.this_type)" type="text" class="es-input linkurl data-bind-url " placeholder="请选择链接或地址" readonly >
                            </div>
                        </div>
                    </div>
                    <div  onclick="advert_add_menu()" class="addChild">+添加</div>
                </div>
            </div>
            <!--宫格导航设置-->
            <div class="form_edit" data-type="3" id="from_edit_iconnav"
                 style="display: none;padding-top:0;">
                <div class="form-item item_tit">
                    <span>宫格导航</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">分列排版</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="componentLayoutRadio" value="2" id="editlayout_2"><label for="editlayout_2">两列</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="componentLayoutRadio" value="3" id="editlayout_3"><label for="editlayout_3">三列</label></div>
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="componentLayoutRadio" value="4" id="editlayout_4"><label for="editlayout_4">四列</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="componentLayoutRadio" value="5" id="editlayout_5"><label for="editlayout_5">五列</label></div>
                        </div>
                    </div>
                    <div class="form-label mt10">字体大小</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="fontsize_zt" value="12" id="Ggdh_fontsize_s"><label for="Ggdh_fontsize_s">小号</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="fontsize_zt" value="14" id="Ggdh_fontsize_m"><label for="Ggdh_fontsize_m">中号</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="fontsize_zt" value="16" id="Ggdh_fontsize_l"><label for="Ggdh_fontsize_l">大号</label></div>
                        </div>
                    </div>
                    <div class="form-label mt10">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">字体</span>
                            <div class="chosecolor-container">
                                <input   onchange="catenav_font_color(this.value)"  id="catenav_color" name="banner_color" class="chosecolor data-bind" type="color"> <p id="catenav_color_text">#000000</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">圆角弧度</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="form-item" style="display: block">
                                <div style="clear:both"></div>
                                <div>
                                    <div class="Fzkb_height mt10"><div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;"><input type="range" id="catenav_corners"  value="0"  max="50"   min="0"    oninput="catenav_catenav_corners(this.value)"  style="width:100%;"> <div style="position:absolute;right:-30px;top:-8px;">
                                        <span id="catenav_corners_height">0</span>
                                        <span>%</span></div></div></div></div>
                            </div>
                        </div>
                    </div>
                    <div v-for="(item,index) in catenav" class="item drag ui-sortable-handle" data-id="C01">
                        <div class="item-prompt"> 建议尺寸100x100
                            <span class="deletechild icon-del"><span v-on:click="remove_img(index,item.this_type)" class="deletechild icon-del"><img src="/public/menu/icon/del_icon.png" alt="删除"></span></span>
                        </div>
                        <div class="item-inner">
                            <span class="labeltext">名称</span> <input  v-model="item.name"  type="text" class="es-input data-bind"  :data-index="index"  onblur="this_catenav_name(this,this.value)">
                        </div>
                        <div class="item-inner item-image">
                            <span class="labeltext pull-left">图片</span>
                            <div class="es-uploader data-bind-image">
                                <div class="es-selector iconbox noval" v-on:click="select_img(index,item.this_type)">
                                    <img style="display:block;" :src="item.imgurl"> <p>替换</p>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner">
                            <span class="labeltext">链接</span>
                            <input  v-model="item.name"  type="text"  v-on:click="select_menu(index,item.this_type)" class="es-input linkurl" placeholder="请选择链接或地址" readonly>
                        </div>
                    </div>
                </div>
                <div class="addChild " onclick="catenav_add_menu()">添加一个</div>
            </div>
            <!-- 标题文字 设置 -->
            <div class="form_edit" data-type="4" id="form_edit_title"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>标题文字</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">标题设置</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <input type="text"  oninput="alias_title(this.value)" id="Bt_textarea" placeholder="请输入标题" class="es-input linkurl data-bind-url " style="height: 36px;">
                        </div>
                    </div>
                    <div class="form-label">样式设置</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="pureTitles"   value="{background-color:#fff}" data-value="{}" data-value2="{}" id="pureTitle1"><label for="pureTitle1">样式一</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles"   value=" .pureText .wrap .aframe{width:4px;background-color:#cd3637;border-radius:3px;margin:0;position:absolute;height:37.5%;top:33%;left:15px}"
                                                             data-value="{}" data-value2="{}"id="pureTitle2"><label for="pureTitle2">样式二</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles"    value=" .pureText .wrap{text-align:center}"
                                                             data-value="" data-value2="{}"id="pureTitle3"><label for="pureTitle3">样式三</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles"    value=" .pureText .wrap .aframe{left:8px;top:32.3%;position:absolute;display:block;border:2px solid #cd3637;margin:0;border-radius:50px;height:14px;width:14px;}"
                                                             data-value="{}" data-value2="{}" id="pureTitle4"><label for="pureTitle4">样式四</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles"   value=" .pureText .wrap::before{display:inline-block;height:1px;background-color:#cd3637;margin-right:5px;width:28%;vertical-align: middle;}"
                                                             data-value=" .pureText .wrap::after{display:inline-block;height:1px;background-color:#cd3637;margin-left:5px;width:28%;vertical-align: middle;}"
                                                             data-value2=" .pureText .wrap{text-indent:2px;text-align: center;}" id="pureTitle5"><label for="pureTitle5">样式五</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles"  value=" .pureText .wrap span{color:#ffa000;}"
                                                             data-value=" .pureText .wrap::after{display: block;margin-left: 49%;margin-top: 20px;vertical-align: middle;width: 0;height: 0;margin-top: 4px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ffa000;}"
                                                             data-value2=" .pureText .wrap{text-indent:2px;text-align: center;}" id="pureTitle6"><label for="pureTitle6">样式六</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles" value="pureTitle7"
                                                             data-value=" .seven_titleO{display:inline-block;width:8px;height:8px;background-color:#333;transform:rotate(45deg);margin-left:6px;margin-right:6px}"
                                                             data-value2=" .seven_titleS{display:inline-block;width:8px;height:8px;background-color:#333;transform:rotate(45deg);margin-left:6px;margin-right:6px}" id="pureTitle7"><label for="pureTitle7">样式七</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="pureTitles" value="pureTitle8"
                                                             data-value=" .seven_titleO{display:inline-block;width:2px;height:22px;background-color:#0da3f9;margin-top:-4px;margin-right:6px;vertical-align: middle;}"
                                                             data-value2=" .seven_titleS{display:inline-block;width:2px;height:22px;background-color:#0da3f9;margin-top:-4px;margin-left:6px;vertical-align: middle;}" id="pureTitle8"><label for="pureTitle8">样式八</label></div>
                        </div>
                    </div>
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">字体</span>
                            <div class="chosecolor-container">
                                <input   onchange="alias_font_color(this.value)"  id="Bt_TitlecolorSet" value="#000000" class="chosecolor data-bind" type="color"> <p id="Bt_TitlecolorSet_text">#000000</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input   onchange="title_bg_color(this.value)"  id="titlebgcolorSet" value="#ffffff" class="chosecolor data-bind" type="color"> <p id="titlebgcolorSet_text">#ffffff</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">字体大小</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="fontsize_bt" value="14" id="Bt_fontsize_s"><label for="Bt_fontsize_s">小号</label></div>
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="fontsize_bt" value="18" id="Bt_fontsize_m"><label for="Bt_fontsize_m">中号</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="fontsize_bt" value="22" id="Bt_fontsize_l"><label for="Bt_fontsize_l">大号</label></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 富文本-->
            <div class="form_edit" data-type="12" id="form_rich_text"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>富文本</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input onchange="rich_text_bg(this.value)"  id="rich_bg_color" class="chosecolor data-bind" value="#ffffff" type="color"> <p id="rich_bg_color_text">#ffffff</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">内容</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <textarea onchange="rich_content(this.value)" id="editor" style="width: 266px; height: 400px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助空白-->
            <div class="form_edit" data-type="5" id="form_edit_blank"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>辅助空白</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input onchange="this_blank_color(this.value)"  id="blank_color"  value="#ffffff"class="chosecolor data-bind" type="color"> <p id="blank_color_text">#ffffff</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">控件高度</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="Fzkb_height">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="blank_height"    max="100"   min="20"    value="20" oninput="this_blank_height(this.value)"  style="width:100%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="blank_height_number">1</span>
                                        <span>px</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 分割线 -->
            <div class="form_edit" data-type="7" id="form_edit_Parting"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>分割线</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">样式选择</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="Fgx_style" value="0" id="Fgx_style_1"><label for="Fgx_style_1">实线</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="Fgx_style" value="1" id="Fgx_style_2"><label for="Fgx_style_2">虚线</label></div>
                        </div>
                    </div>
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">线条</span>
                            <div class="chosecolor-container">
                                <input onchange="this_parting_line_color(this.value)"  id="Fgx_Color" value="#000000" class="chosecolor data-bind" type="color"> <p id="Fgx_Color_text">#000000</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input onchange="this_parting_bg_color(this.value)"  value="#ffffff" id="Fgx_bgColor" class="chosecolor data-bind" type="color"> <p id="Fgx_bgColor_text">#ffffff</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">控件高度</div>
                    <div class="form-item "><span class="labeltext">高度</span>
                        <div class="item-inner">
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="line_height"   value="1" min="1" max="30" oninput="this_parting_line_height(this.value)"  style="width:100%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="line_height_height">1</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext" style="width:66px;">上下边距</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range"   id="line_margin" value="1" min="10" max="60" oninput="this_parting_line_margin(this.value)"  style="width:100%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="line_margin_height">1</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 悬浮图标设置 -->
            <div class="form_edit" id="form_edit_floaticon" style="display: none;">
                <div class="form-item item_tit">
                    <span>悬浮图标</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">控件高度</div>
                    <div class="form-item ">
                        <div class="item-inner"><span class="labeltext">距底部</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="floaticon_button" value="30" min="1" max="100"  oninput="is_floaticon_button(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="floaticon_button_text">30</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">右边距</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="floaticon_margin"   value="100" min="1" max="100" oninput="is_floaticon_margin(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="floaticon_margin_text">100</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">宽度</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="width" value="35" min="35" max="375"  oninput="is_floaticon_width(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="floaticon_width_text">35</span>
                                        <span>px</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">高度</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="height"   value="35" min="35" max="750" oninput="is_floaticon_height(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="floaticon_height_text">35</span>
                                        <span>px</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">透明度</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="floaticon_transparent" value="100" min="1" max="100" oninput="is_floaticon_transparent(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="floaticon_transparent_text">100</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">图标</div>
                    <div class="data-list ui-sortable"  v-for="(item,index) in floaticon">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,item.this_type)">
                                    <img :src="item.imgurl" style="display:block;"/> <p>替换</p> </div>
                            </div>
                            <div id="this_type_list">
                                <div id="this_0" class="item-inner"> <span class="labeltext">链接</span>
                                    <input  v-model="item.name"  v-on:click="select_menu(index,item.this_type)" type="text" class="es-input linkurl data-bind-url " placeholder="请选择链接或地址" readonly >
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 悬浮客服设置 -->
            <div class="form_edit" id="form_edit_Customer" style="display: none;">
                <div class="form-item item_tit">
                    <span>客服设置</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">控件高度</div>
                    <div class="form-item ">
                        <div class="item-inner"><span class="labeltext">距底部</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="Customer_button" value="45" min="1" max="100"  oninput="is_Customer_button(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-45px;top:-8px;">
                                        <span id="Customer_button_text">45</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">右边距</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="Customer_margin"   value="100" min="1" max="100" oninput="is_Customer_margin(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="Customer_margin_text">100</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">透明度</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="Customer_transparent" value="100" min="1" max="100" oninput="is_Customer_transparent(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="Customer_transparent_text">100</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">图标</div>
                    <div class="data-list ui-sortable">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,'customer')">
                                    <img id="Customer_img" src="" style="display:block;"/> <p>替换</p> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 悬浮电话设置 -->
            <div class="form_edit" id="form_edit_phone" style="display: none;">
                <div class="form-item item_tit">
                    <span>悬浮电话</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">控件高度</div>
                    <div class="form-item ">
                        <div class="item-inner"><span class="labeltext">距底部</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="phone_button" value="70" min="1" max="100"  oninput="is_phone_button(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-50px;top:-8px;">
                                        <span id="phone_button_text">70</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">右边距</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="phone_margin"   value="100" min="1" max="100" oninput="is_phone_margin(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="phone_margin_text">100</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-inner"><span class="labeltext">透明度</span>
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="phone_transparent" value="100" min="1" max="100" oninput="is_phone_transparent(this.value)"  style="width:98%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="phone_transparent_text">100</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">图标</div>
                    <div class="data-list ui-sortable">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,'phone')">
                                    <img id="phone_img" src="" style="display:block;"/> <p>替换</p> </div>
                            </div>
                            <div class="item-inner"> <span class="labeltext">电话</span>
                                <input  type="text" id="this_phone_val" oninput="set_this_phone(this.value)" style="cursor: text" class="es-input linkurl data-bind-url " placeholder="请填写电话" >
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 公告设置 -->
            <div class="form_edit" id="form_edit_announcement" style="display: none;">
                <div class="form-item item_tit">
                    <span>公告设置</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">文字</span>
                            <div class="chosecolor-container">
                                <input onchange="this_announcement_color(this.value)"  id="announcement_Color" value="#000000" class="chosecolor data-bind" type="color"> <p id="announcement_Color_text">#000000</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input onchange="this_announcement_bg_color(this.value)"  value="#ffffff" id="announcement_bgColor" class="chosecolor data-bind" type="color"> <p id="announcement_bgColor_text">#ffffff</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">内容</div>
                    <div class="form-item ">
                         <textarea oninput="this_announcement_textarea(this.value)"
                                   placeholder="请填写公告内容"
                                   class="textarea instruct_textarea search_textarea"
                                   id="announcement_textarea"
                                   style="margin-left: 10px;font-size:13px;height:60px;width: 250px;">
                         </textarea>
                    </div>
                    <div class="form-label mt10">图标</div>
                    <div class="data-list ui-sortable">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,'announcement')">
                                    <img id="announcement_img" src="" style="display:block;"/> <p>替换</p> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 流量主设置 -->
            <div class="form_edit" id="form_edit_ad" style="display: none;">
                <div class="form-item item_tit">
                    <span>流量主设置</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">高度</div>
                    <div class="item">
                        <div class="item-inner">
                            <div style="clear:both"></div>
                            <div>
                                <div style="width:200px;font-weight:bold;">高度</div>
                                <div class="Fzkb_height mt10">
                                    <div class="minCell rangeCell-pureTextSize dib mt10" style="width:225px;">
                                        <input type="range" id="ad_height" max="300"  value="140"  min="1"   step="0.1" oninput="select_ad_height(this.value)"  style="width:80%;">
                                        <div style="position:absolute;right:-35px;top:-8px;"><span id="what_ad_height">140</span>
                                            <span>px</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">流量主</div>
                    <div class="item">
                        <div class="item-inner">
                            <div style="clear:both"></div>
                            <div>
                                <div style="width:200px;font-weight:bold;">流量主ID</div>
                                <div class="Fzkb_height mt10">
                                    <div class="minCell rangeCell-pureTextSize dib mt10" style="width:225px;">
                                        <input type="text" oninput="set_ad_ad_id(this.value)" id="ad_ad_id" placeholder="请输入流量主ID" value="" class="es-input data-bind" style="cursor: text; border: 1px solid rgb(239, 239, 239); background: rgb(255, 255, 255); text-align: left;">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 按钮 设置 -->
            <div class="form_edit" data-type="10" id="form_edit_button"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>按钮</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="item"> <span class="labeltext">名称</span>
                        <input type="text" value="按钮" id="button_name" oninput="select_button_name(this.value)" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                    </div>
                    <div class="form-label">边框</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="An_Xs" value="1" id="An_bg_show"><label for="An_bg_show">显示</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="An_Xs" value="0" id="An_bg_hide"><label for="An_bg_hide">隐藏</label></div>
                        </div>
                    </div>
                    <div class="form-label">图标</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="An_pic" value="1" id="An_pic_show"><label for="An_pic_show">显示</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="An_pic" value="2" id="An_pic_hide"><label for="An_pic_hide">隐藏</label></div>
                        </div>
                    </div>
                    <div class="form-label">圆角弧度</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="Fzkb_height mt10">
                                <div class="minCell rangeCell-pureTextSize dib mt10" style="width:255px;">
                                    <input type="range" id="button_radius" value="0" min="0"  max="50" oninput="select_button_radius(this.value)"  style="width:100%;">
                                    <div style="position:absolute;right:-35px;top:-8px;">
                                        <span id="button_radius_height">1</span>
                                        <span>%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner mt10"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input onchange="button_bj_color(this.value)"  value="#0DA3F9" id="AnbgcolorSet"  class="chosecolor data-bind" type="color"> <p id="AnbgcolorSet_text">#0DA3F9</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">标题</span>
                            <div class="chosecolor-container">
                                <input onchange="button_title_color(this.value)"    value="#ffffff" id="Title_ancolor"  class="chosecolor data-bind" type="color"> <p id="Title_ancolor_text">#ffffff</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">边框</span>
                            <div class="chosecolor-container">
                                <input onchange="button_border_color(this.value)"  value="#0DA3F9" id="Title_bkcolor" class="chosecolor data-bind" type="color"> <p id="Title_bkcolor_text">#0DA3F9</p>
                            </div>
                        </div>
                    </div>
                    <div class="data-list ui-sortable"  v-for="(item,index) in edit_button">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,item.this_type)">
                                    <img :src="item.imgurl" style="display:block;"/> <p>替换</p> </div>
                            </div> <div class="item-inner"> <span class="labeltext">链接</span>
                            <input  v-model="item.name"  v-on:click="select_menu(index,item.this_type)" type="text" class="es-input linkurl data-bind-url " placeholder="请选择链接或地址" readonly >
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--商品集-->
            <div class="form_edit" data-type="9" id="from_edit_goodlist"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>商品集</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">分列排版</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="componentLayoutRadio" value="2" id="editgoods_2"><label for="editgoods_2">两列</label></div>
                        </div>
                    </div>
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner"> <span class="labeltext">标题</span>
                            <div class="chosecolor-container">
                                <input onchange="goods_font_color(this.value)" value="#000000"  id="goods_color" class="chosecolor data-bind" type="color"> <p id="goods_color_text">#000000</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">字体大小：</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="goodfontsize_zt" value="12" id="Goods_fontsize_s"><label for="Goods_fontsize_s">小号</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="goodfontsize_zt" value="14" id="Goods_fontsize_m"><label for="Goods_fontsize_m">中号</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="goodfontsize_zt" value="16" id="Goods_fontsize_l"><label for="Goods_fontsize_l">大号</label></div>
                        </div>
                    </div>
                    <div class="form-label">添加类型</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="goods_add_type" value="1" id="Goods_type_anually"><label for="Goods_type_anually">手动</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="goods_add_type" value="2" id="Goods_type_automatic"><label for="Goods_type_automatic">自动</label></div>
                        </div>
                    </div>
                    <div class="form-item" id="goods_add_type_zid" style="display: none">
                        <div class="item-inner"><span class="labeltext">条数</span>
                            <input id="add_goods_list_val" oninput="add_goods_list(this.value)" value="1" type="text" class="es-input linkurl data-bind-url " style="width:100px;">
                        </div>
                        <div class="item-inner mt10"><span class="labeltext">分类</span>
                            <select id="select_cate_id" onchange="get_select_id()" class="imgedittext imgedittext_text" style="margin-top: 0px;display:inline-block;">
                                <option value="0">全部</option>
                                {volist name="goods_cate" id="g"}
                                <option value="{$g.cate_id}">
                                    {if $g.level==1}
                                    {$g.cate_name}
                                    {/if}
                                    {if $g.level==2}
                                    &nbsp;&nbsp;&nbsp;&nbsp;{$g.cate_name}
                                    {/if}
                                    {if $g.level==3}
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$g.cate_name}
                                    {/if}
                                </option>
                                {/volist}
                            </select>
                        </div>
                        <div class="item-inner mt10"><span class="labeltext">排序</span>
                            <div class="radio-inline" style="width:26%;"><input checked type="radio" class="magic-radio"  name="goods_sort_type" value="time" id="Goods_type_time"><label for="Goods_type_time">时间</label></div>
                            <div class="radio-inline" style="width:26%;"><input type="radio" class="magic-radio"  name="goods_sort_type" value="pop" id="Goods_type_pop"><label for="Goods_type_pop">人气</label></div>
                            <div class="radio-inline" style="width:26%;"><input type="radio" class="magic-radio"  name="goods_sort_type" value="sales" id="Goods_type_sales"><label for="Goods_type_sales">推荐</label></div>
                        </div>
                    </div>
                    <div  v-for="(item,index) in goodlist" class="item drag ui-sortable-handle" data-id="C01">
                        <div class="item-prompt"> 建议尺寸800x800 <span class="deletechild icon-del"><span  v-on:click="remove_img(index,item.this_type)"    class="deletechild icon-del"><img src="/public/menu/icon/del_icon.png" alt="删除"></span></span></div>
                        <div class="item-inner"> <span class="labeltext">名称</span> <input type="text" class="es-input data-bind" v-model="item.name"    oninput="this_goodlist_name(this,this.value)" > </div> <div class="item-inner maxlength" style="margin-left: 36px;"></div>
                        <div class="item-inner"> <span class="labeltext">简介</span> <input type="text" class="es-input data-bind" v-model="item.description"    oninput="this_goodlist_description(this,this.value)"> </div> <div class="item-inner maxlength" style="margin-left: 36px;"></div>
                        <div class="item-inner item-image"> <span class="labeltext pull-left">商品</span> <div class="es-uploader data-bind-image"> <div class="es-selector iconbox noval"    v-on:click="select_goods(index,item.this_type)"> <img style="display:block;" :src="item.imgurl"> <p>替换</p>
                        </div>
                        </div>
                        </div>
                    </div>
                </div>
                <div  onclick="goods_add_menu()" class="addChild">+添加</div>
            </div>
            <!-- 搜索框-->
            <div class="form_edit" data-type="6" id="form_edit_search"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>搜索框</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">样式选择</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="search_style" value="0" id="search_style_1"><label for="search_style_1">默认</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="search_style" value="1" id="search_style_2"><label for="search_style_2">悬浮</label></div>
                        </div>
                    </div>
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        <div class="item-inner mt10"> <span class="labeltext">边框</span>
                            <div class="chosecolor-container">
                                <input onchange="this_search_color(this.value)"  id="search_color"  value="#ffffff" class="chosecolor data-bind" type="color"> <p id="search_color_text">#ffffff</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">背景</span>
                            <div class="chosecolor-container">
                                <input onchange="this_search_bj_color(this.value)"  id="search_bj_color" value="#ffffff" class="chosecolor data-bind" type="color"> <p id="search_bj_color_text">#ffffff</p>
                            </div>
                        </div>
                        <div class="item-inner mt10"> <span class="labeltext">文字</span>
                            <div class="chosecolor-container">
                                <input onchange="this_search_text_color(this.value)"  id="search_text_color" value="#000000" class="chosecolor data-bind" type="color"> <p id="search_text_color_text">#000000</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-label">热门搜索</div>
                    <div class="form-item ">
                        <div class="item-inner">
                    <textarea oninput="this_search_hot(this.value)"
                              placeholder="请填写搜索的热门关键词列并用,隔开列如：关键词1,关键词2,关键词3"
                              class="textarea instruct_textarea search_textarea"
                              id="search_textarea"
                              style="margin-left: 10px;font-size:13px;height:60px;width: 250px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 留言板 -->
            <div class="form_edit" id="form_message_board" style="display: none;">
                <div class="form-item item_tit">
                    <span>留言板</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="form-label">选择样式</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="board_style" value="1" id="message_board_style"><label for="message_board_style">样式一</label></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 门店 -->
            <div class="form_edit" id="form_edit_store_door" style="display: none;">
                <div class="form-item item_tit">
                    <span>门店</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="item mt10"> <span class="labeltext" style="width:56px;">门店名称</span>
                        <input type="text" id="door_textarea" oninput="door_name_set(this.value)" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                    </div>
                    <div class="item mt10"> <span class="labeltext" style="width:56px;">营业时间</span>
                        <input type="text" id="door_job" oninput="door_job_time(this.value)" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                    </div>
                    <div class="item mt10"> <span class="labeltext" style="width:56px;">客服电话</span>
                        <input type="text" id="door_phone" oninput="door_phone_set(this.value)" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                    </div>
                    <div class="form-label">门店Logo</div>
                    <div class="data-list ui-sortable">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"    v-on:click="select_img('0','store_door')">
                                    <img id="this_door_img" src="__CONF_URL__public/menu/images/business.png" style="display:block;"/> <p>替换</p> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 地理位置 -->
            <div class="form_edit" data-type="11" id="form_edit_position"
                 style="display: none;">
                <div class="form-item item_tit">
                    <span>地理位置</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="item">
                        <div class="item-inner"> <span class="labeltext">地址</span>
                            <input type="text" id="Dlwz_textarea" oninput="position_name(this.value)" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                        </div>
                    </div>
                    <div class="form-label">显示方式</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="positionLayouton" value="1" id="position_editlayout_1"><label for="position_editlayout_1">文字</label></div>
                            <div class="radio-inline"><input type="radio" class="magic-radio"  name="positionLayouton" value="2" id="position_editlayout_2"><label for="position_editlayout_2">图片</label></div>
                        </div>
                    </div>
                    <div class="form-label mt10">位置坐标</div>
                    <div class="item-inner" style="position: relative;">
                        <div class="item"> <span class="labeltext">经度</span>
                            <input type="text"  readonly id="longitude" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                        </div>
                        <div class="item"> <span class="labeltext">纬度</span>
                            <input type="text" readonly id="latitude" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                        </div>
                        <div   id="get_lng_lat"  v-on:click="click_position_wz()" class="savetemplate btn btn-primary"> 拾取坐标 </div>
                    </div>
                </div>
            </div>
            <!-- 表单 -->
            <div class="form_edit" id="form_edit_form" style="display: none;">
                <div class="form-item item_tit">
                    <span>表单</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="data-list ui-sortable">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="item-inner"> <span class="labeltext">表单</span>
                                <input v-on:click="select_form_all()" type="text" class="es-input linkurl data-bind-url " placeholder="请选择表单" readonly >
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 头部和背景 -->
            <div class="form_edit" id="form_edit_head" style="display: block;">
                <div class="form-item item_tit">
                    <span>头部导航</span>
                </div>
                <div class="form-item noborder" style="display:block;">
                    <div class="item ">
                        <div class="item-inner"> <span class="labeltext">名称</span>
                            <input type="text" id="nab_name" oninput="set_nab_name(this.value)" v-model="nab_name" class="es-input data-bind" style="cursor: text; border: 1px solid #efefef; background: #ffffff; text-align: left;">
                        </div>
                    </div>
                    <div class="form-label">选择颜色</div>
                    <div class="form-item ">
                        {if $wn==-1}
                        <div class="item-inner mt10"> <span class="labeltext" style="width:66px;">头部背景</span>
                            <div class="chosecolor-container">
                                <input  id="DhColor" v-model="dh_color" value="" class="chosecolor data-bind" onchange="DhColor_set(this.value)" type="color">
                                <p id="DhColor_text">#df2f20</p>
                            </div>
                        </div>
                        {/if}
                        <div class="item-inner mt10"> <span class="labeltext" style="width:66px;">窗口背景</span>
                            <div class="chosecolor-container">
                                <input  id="WinColor" v-model="win_color" value="#ffffff" class="chosecolor data-bind" onchange="WinColor_set(this.value)" type="color">
                                <p id="WinColor_text">#ffffff</p>
                            </div>
                        </div>
                    </div>
                    {if $wn==-1}
                    <div class="form-label mt10">头部文字颜色</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="item-inner">
                                <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="BtBorderColor" value="0" id="BtColorDefault"><label for="BtColorDefault">黑色</label></div>
                                <div class="radio-inline"><input type="radio" class="magic-radio"  name="BtBorderColor" value="1" id="BtColorCustom"><label for="BtColorCustom">白色</label></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-label mt10">是否显示底部导航</div>
                    <div class="form-item ">
                        <div class="item-inner">
                            <div class="item-inner">
                                <div class="radio-inline"><input checked type="radio" class="magic-radio"  name="IsDiDisplay" value="true" id="IsDiDisplay1"><label for="IsDiDisplay1">显示</label></div>
                                <div class="radio-inline"><input type="radio" class="magic-radio"  name="IsDiDisplay" value="false" id="IsDiDisplay2"><label for="IsDiDisplay2">不显示</label></div>
                            </div>
                        </div>
                    </div>
                    {/if}
                    <div class="form-label mt10">背景图片</div>
                    <div class="data-list ui-sortable">
                        <div class="item drag ui-sortable-handle" style="overflow: hidden; position: relative; opacity: 1; z-index: 0;">
                            <div class="es-uploader data-bind-image">
                                <div class="imgbox es-selector noval"  v-on:click="select_img(index,'win_img')">
                                    <img id="win_img" src="" style="display:block;"/> <p>替换</p> </div>
                            </div>
                        </div>
                    </div>
                    <div  onclick="del_win_img()" class="addChild">清除图片</div>
                </div>
            </div>
        </div>
    </div>
</div>
<input  type="hidden" id="goods_select_id" value="">
<script src="/public/menu/js/jquery.artdialog.js"></script>
<script src="/public/menu/js/iframetools.js"></script>
<script type="text/javascript" src="/public/static/umedito/third-party/template.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/static/umedito/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/static/umedito/_examples/editor_api.js"></script>
<script type="text/javascript" src="/public/static/umedito/lang/zh-cn/zh-cn.js"></script>
<script src="/public/menu/js/jquery.gridly.js" type="text/javascript"></script>
<!--<a href="javascript:scroll(0,0)" id="j-gotop" class="gotop" title="回到顶部" style="left: 1418.5px; display: block;"></a>-->
<div style="display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; background: rgb(255, 255, 255) none repeat scroll 0% 0%;"></div>
</body>
{/block}
